<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>

    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="css/Personal.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>

  <script>

      $(function (){

        $('#uid').on('click','li',function (e){
          var userid= $('#maxflg').data('id')
          $('#uid li').removeClass('active asyou');
          $(e.target).addClass('active asyou');
          var indexs=$(this).index()
          if (indexs==0){
            $('iframe').attr('src','./gerzil.jsp')
          }else if(indexs==1){
            $('iframe').attr('src','./Word.jsp')
          }else if(indexs==2){
            $('iframe').attr('src','./gouwuche.jsp')
          }
        })

      })
      //父页面接收子页面的数据
      function GetChildValue(obj) {
        var obj1=obj.split(":M");
        if (obj=='true'){
          if (confirm("修改成功，请重新进行登录")){
            window.open('${pageContext.request.contextPath}/login.jsp');
            window.close();
          }else {
            window.open('${pageContext.request.contextPath}/login.jsp');
            window.close();
          }
        }else if (obj=="false"){
          alert("修改失败请查看输入是否有误")
        }else if (obj1[0]=="相同"){
          $('#xiugaibami').attr('src',obj1[1])
        }else if (obj1[0]=="不相同"){
          alert("修改头像失败")
        }
      }
    </script>

</head>
<body>
 <div class="max" id="maxflg" data-id="${sessionScope.usersList.user_pur}">
   <%@include file="head.jsp"%>

   <ul class="center" >

     <li class="li_center">
      <%--个人中心的账号名称--%>
       <div style="width: 100%;height: 40px;background-color: #ff666b;color: #fff;font-weight: bold;line-height: 40px;">
         <c:if test="${sessionScope.usersList.username!=null}">
           <span style="margin-left: 10px">${sessionScope.usersList.username}</span>
         </c:if>
         <c:if test="${sessionScope.usersList.username==null}">
           <span style="margin-left: 10px">未登录</span>
         </c:if>
       </div>
      <%--个人头像--%>
       <ul style="width: 100%;height: 150px;display: flex">
          <li style="flex: 1;">
          <c:if test="${sessionScope.usersList.user_img!=null}">
            <div style="width: 90px;height: 90px;background-color: #fff;border-radius: 50%;margin-top: 25px;margin-left: 12px ">
              <img src="${sessionScope.usersList.user_img}" id="xiugaibami" style="width: 80px;height: 80px;border-radius: 50%;margin-left: 5px;margin-top: 5px">
            </div>
          </c:if>
            <c:if test="${sessionScope.usersList.user_img==null}">
              <div style="width: 90px;height: 90px;background-color: #fff;border-radius: 50%;margin-top: 25px;margin-left: 12px ">
                <img src="img/moren.jpg"  style="width: 80px;height: 80px;border-radius: 50%;margin-left: 5px;margin-top: 5px">
              </div>
            </c:if>
          </li>
          <li style="flex: 1">
            <div style="width: 100%;height: 20px;text-align: center;line-height: 20px;color: #999;margin-top: 20px">修改资料</div>
            <div style="width: 100%;height: 20px;text-align: center;line-height: 20px;color: #999;margin-top: 10px">安全退出</div>
          </li>
       </ul>

      <%--点击按钮--%>
     <div style="width: 100%;height: 40px;color: #000;font-size: 20px;font-weight: bold;line-height: 40px"><span style="margin-left: 20px">相关资料</span></div>
     <ul style="width: 100%" id="uid">
          <li style="width: 100%;height: 40px;color: #000;font-weight: bold;text-align: center;line-height: 40px;cursor: pointer" class="active asyou" target="iframe_a" >修改资料</li>
          <li style="width: 100%;height: 40px;color: #000;font-weight: bold;text-align: center;line-height: 40px;cursor: pointer" target="iframe_a">我的订单</li>
          <li style="width: 100%;height: 40px;color: #000;font-weight: bold;text-align: center;line-height: 40px;cursor: pointer" target="iframe_a">绑定手机号</li>
        </ul>
     </li>
     <li class="li_center">
       <iframe name="iframe_a" src="./gerzil.jsp" frameborder="0" width="100%" height="100%">

       </iframe>
     </li>

   </ul>

   <div class="home-weibu">
     <div class="home-weibu1">
       <div class="home-weibu7"></div>
       <ul>
         <li><img src="img/尾部1.png" alt=""></li>
         <li>
           <div class="zitiyang">自营正品</div>
           <div class="kaixiang">正品保障 假一赔三</div>
         </li>
         <li>
           <img src="img/尾部2.png" alt="">

         </li>
         <li>
           <div class="zitiyang">自营正品</div>
           <div class="kaixiang">不限品类 满88免邮</div>
         </li>
         <li><img src="img/尾部3.png" alt=""></li>
         <li>
           <div class="zitiyang">闪电发货</div>
           <div class="kaixiang">极速发货 航空直达</div>
         </li>
         <li>
           <img src="img/尾部4.png" alt="">
         </li>
         <li>
           <div class="zitiyang">售后保障</div>
           <div class="kaixiang">开箱验货 30天退换</div>
         </li>
       </ul>
     </div>

     <div class="home-weibu2">
       <ul>
         <li>
           <div class="home-haoma">400-6699-840</div>
           <div>
             <ol>
               <li>周一到周日</li>
               <li>09.00-22.00</li>
             </ol>
           </div>
           <div>
             <ol>
               <li>关注我们</li>
               <li><img src="img/尾部5.png"></li>
               <li><img src="img/尾部6.png"></li>
               <li><img src="img/尾部7.png"></li>
             </ol></div>
         </li>
         <li>
           <div class="home-xiangtong">
             <div>正品保障</div>
             <div>30天无忧退换</div>
             <div>消费者告知书</div>
             <div>真假辨别</div>
             <div>假货报道</div>
             <div>正品保障</div>
           </div>
         </li>
         <li>
           <div class="home-xiangtong">
             <div>新手指南</div>
             <div>购物流程</div>
             <div>会员级别</div>
             <div>支付方式</div>
             <div>回头币</div>
             <div>评价晒单</div>
           </div>
         </li>
         <li>
           <div class="home-xiangtong">
             <div>配送方式</div>
             <div>物流查询</div>
             <div>配送说明</div>
             <div>防骗警示</div>
             <div>配送时效</div>
             <div>验货签收</div>
           </div>
         </li>
         <li>
           <div class="home-xiangtong">
             <div>售后服务</div>
             <div>退货运费</div>
             <div>退货流程</div>
             <div>退货政策</div>
             <div>投诉建议</div>
             <div>联系客服</div>
           </div>
         </li>
         <li>
           <div class="home-xiangtong">
             <div>常见问题</div>
             <div>账户问题</div>
             <div>售后问题</div>
             <div>配送问题</div>
             <div>支付问题</div>
             <div>常见问题</div>
           </div>
         </li>
         <li>
           <div class="home-erwei">
             <img src="img/二维码.jpg" alt="">
             <div>微信公众号</div>
           </div>
         </li>
         <li>
           <div class="home-erwei">
             <img src="img/二维码.jpg" alt="">
             <div>客服微信号</div>
           </div>
         </li>
       </ul>
     </div>

   </div>
   <!-- 尾部 -->
   <div class="yang">
     <div class="yang-shi"></div>
     <ul>
       <li>网站简介</li>
       <li>联系我们</li>
       <li>招商合作</li>
       <li>用户协议</li>
       <li>隐私政策</li>
       <li>投诉建议</li>
     </ul>

     <p>Copyright 2012 - 2021 www.huitouyu.com. All rights reserved. 回头鱼商城版权所有</p>

     <div class="pao">
       <div class="pei"><img src="img/yin.png" alt=""></div>
       <div class="pei11"><img src="img/zhi.png" alt=""></div>
       <div class="pei11"><img src="img/wang.png" alt=""></div>
       <div class="pei11"><img src="img/zhong.png" alt=""></div>
       <div class="pei11"><img src="img/360.png" alt=""></div>
     </div>
   </div>
 </div>
</body>
</html>
